/* @flow */
'use strict';

var React = require('react-native');

var {
	StyleSheet,
	View,
	Text
} = React;

var TextView = React.createClass({
	render: function() {
		return (
			<View style={styles.contentStyle}>
				<Text style={{fontWeight: 'bold'}}>
  					这是一个
	  				<Text style={{color: 'red'}}>
	    				嵌套文本 （显示一个格式化文本的方法就是使用NSAttributedString）
	  				</Text>
				</Text>

				<Text>
  					<Text style={styles.textStyle}>标签是在布局上不同于其它组件：在Text内部的标签不再使用flexbox布局，而是采用文本布局。 </Text>
  					<Text>这意味着Text标签内部的元素不再是一个个矩形，而可能会在行末进行折叠。</Text>
				</Text>
			</View>
		);
	}
});


var styles = StyleSheet.create({
	contentStyle: {
		flex: 1,
		marginTop: 64
	},
	textStyle: {
		fontFamily: 'HiraKakuProN-W6'
	}
});


module.exports = TextView;